<template>
	<view>
		<view class="point-no">
			<view class="result-item">编号:{{detailData.groupOnlyNo}}</view>
		</view>
		<view class="point-img">
		<image :src="detailData.groupImg" :key="index" mode="aspectFit" @touchend="maskTouchend"></image>
		</view>
	<!-- 	<view class="test-number">
		   <view class="test-number-item">检测值:{{examedCount}}</view>	
		</view> -->
	</view>
</template>

<script setup>
	import {
		ref,defineProps,onMounted
	} from "vue"
	const props = defineProps({
		detailInfo: {
			type: String,
			default: function(){
				return ""
			}
		}
	});
	const detailData = ref ({})
	const imgSrc = ref('')
	onMounted(() => {
		detailData.value = JSON.parse(props.detailInfo);
		console.log('ddddd',detailData.value);
	})
	
</script>

<style>
	.point-no{
		width:100%;
		height:100rpx;
		background-color: #ffffff;
		display: flex;
		flex-direction: row;
		.result-item{
			height:100%;
			text-align: center;
			line-height:3;
			color:#000000;
			padding-left:20rpx;
		}
	}
	.point-img{
		width:100%;
		height:600rpx;
		//background-color: #aaffff;
		padding-top:35rpx;
	}
	.test-number{
		width:100%;
		height:150rpx;
		display: flex;
		flex-direction: row;
		padding-top:10rpx;
		padding-left:10rpx;
		padding-right:10rpx;
		padding-bottom: 10rpx;	
		.test-number-item{
			height:100%;
			text-align: center;
			line-height:3;
			color:#000000;
			padding-left:20rpx;
		}
	}
</style>